@mixin styles() {
  .title {
    margin-bottom: 8px;
  }
  .user-avatar-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
  }
  .avatar {
    margin-right: 8px;
  }
  .user-avatar {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .user-no-avatar {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 8px;
  }
  .name-no-avatar {
    margin-left: 8px;
  }
  .author {
    font-weight: 500;
  }
  .picture {
    margin-bottom: 8px;
  }
}

@include styles;